<!---- 模板 on 2017/3/30 -->
<script ng-init="initCss()"></script>
<div class="page">
    <header class="bar bar-nav">
        <a class="icon icon-left pull-left" href="javascript:history.go(-1);"></a>
        <h1 class="title">设备安全数据</h1>
    </header>
    <div class="content" ng-init="">
        <div class="content-block">
            <p ng-if="accidents.length == 0">（当前没有任何安全事故）</p>
            <div class="statistics" ng-if="accidents.length > 0">
                <p>全部设备总安全事故：{{statistics.totalAccidentsNum}}起，经济损失：{{statistics.totalMoneyCost|currency:'￥'}}</p>
                <p>一般安全事故：{{statistics.normalLevel.num}}起，经济损失：{{statistics.normalLevel.cost|currency:'￥'}}</p>
                <p>重大安全事故：{{statistics.majorLevel.num}}起，经济损失：{{statistics.majorLevel.cost|currency:'￥'}}</p>
                <p>特大安全事故：{{statistics.seriousLevel.num}}起，经济损失：{{statistics.seriousLevel.cost|currency:'￥'}}</p>
            </div>
        </div>
        <div class="content-block-title">
            <p><a href="#accident-register">添加事件</a></p>
        </div>
        <div class="list-block" ng-if="accidents.length > 0">
            <ul>
                <li ng-repeat="accident in accidents track by accident.accidentId">
                    <a class="item-content item-link" href="#accident-detail?accidentId={{accident.accidentId}}">
                        <div class="item-media"><i class="icon icon-f7"></i></div>
                        <div class="item-inner">
                            <div class="item-title">{{accident.accidentDescription}}</div>
                            <div class="item-after">
                                {{accident.accidentHappenedTime|date:'yyyy-MM-dd'}}
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div ng-init="suiMobileInit()"></div>